<nav aria-label="navigation" id="{{ ctx.wizardKey }}-header">
  <ul class="pagination">
    {% ctx.panels.forEach(function(panel, index) { %}
    <li class="page-item{{ctx.currentPage === index ? ' active' : ''}}" style="cursor: pointer;">
      <span class="page-link" ref="{{ctx.wizardKey}}-link">
        {{ctx.t(panel.title, { _userInput: true })}}
        {% if (panel.tooltip && ctx.currentPage === index) { %}
        <i ref="{{ctx.wizardKey}}-tooltip" class="{{ctx.iconClass('question-sign')}} text-muted" data-tooltip="{{panel.tooltip}}"></i>
        {% } %}
      </span>
    </li>
    {% }) %}
  </ul>
</nav>
